<!--复选框-->
<template>
  <div class="example tableClass">
    <zz-report :title="title" :content="content"   width="100%" ></zz-report>
    <table cellspacing="0">
      <tr>
        <th>1) 调用报表组件</th>
      </tr>
      <tr>
        <td><pre>{{explameCall}}</pre></td>
      </tr>
      <tr>
        <th>1) 测试的格式</th>
      </tr>
      <tr>
        <td>
          <pre>title: ['归属', '省份', '地区', ['合同款', ['总合同款', '本月新增']], '本月到账', '应收账款', ['软件到账产品分类', ['软件A', '软件B']]]</pre>
          <pre>content: [[1, 2, 3, 4, 5, 6, 7, 8, 9], [11, 22, 33, 44, 55, 66, 77, 88, 99]]</pre>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>

  export default {
    name: '',
    data () {
      return {
        title: ['归属', '省份', '地区', ['合同款', ['总合同款', '本月新增']], '本月到账', '应收账款', ['软件到账产品分类', ['软件A', '软件B']]],
        content: [[1, 2, 3, 4, 5, 6, 7, 8, 9], [11, 22, 33, 44, 55, 66, 77, 88, 99]],
        explameCall: `<zz-report
          :title="title"
          :content="content"
         ></zz-report>`
      }
    }
  }
</script>
<style lang="scss" scoped>
  .example{
    padding: 20px;
    .example-left{
      float: left;
      width: 20%;
    }
    .example-right{
      float: right;
      width: 70%;
      background: #fff;
      padding: 20px;
    }
  }
</style>
